<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>发布历史</title>
		<link rel="stylesheet" type="text/css" href="../css/head_style.css"/>
		<link rel="stylesheet" type="text/css" href="../css/foot_style.css"/>
		<link rel="stylesheet" href="../js/layui-v2.2.6/layui/css/layui.css">
		<link rel="stylesheet" type="text/css" href="../css/fontCss.css"/>
		<link rel="stylesheet" type="text/css" href="../css/left_style.css"/>
		<link rel="stylesheet" type="text/css" href="../css/releaseHistory.css"/>
		<script src="../js/layui-v2.2.6/layui/layui.js"></script>
	</head>
	<body>
		<!--头部-->
		<div class="head">
			<div class="head1 ">
				<img class="img" src="../img/top1.png" alt="汇网" width="50" height="50"/>
				<div class="head-search layui-form">
					<i class="layui-icon layui-icon-face-smile search-icon">&#xe615;</i> 
				 <div class="layui-input-inline head-search-input">
			        <select name="modules" lay-verify="required" lay-search="">
			          <option value="">寻找人才</option>
			          <option value="1">人才1号</option>
			        </select>
			     </div>
				</div>
				
				<div class="layui-btn layui-btn-sm fabu-btn">发&nbsp;&nbsp;布</div>
				<div class="btns">
					<span class="language-btns" >
						中文
						<i class="layui-icon layui-icon-face-smile language-icon">&#xe61a;</i>
					&nbsp;&nbsp;&nbsp;
						<div class="span-div">
							<p class="cn">中文</p>
								<hr/>
								<p class="eng">English</p>
						</div>
					</span>
					<span>&nbsp;&nbsp;&nbsp;</span>
					<div class="img-userhead">
						<img src="../img/1/10.png" width="32" height="32" style="border-radius: 16px;;"><!--头像-->
						<!--<span class="login-btn">登录</span>
						<span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</span>
						<span class="register-btn">注册</span>-->
						<span class="user-btn">Manty
							<i class="layui-icon layui-icon-face-smile user-icon" style="font-size: 14px;">&#xe61a;</i>
						</span>
						<div class="userbox">
							<div class="userbox-user">
								<img src="../img/1/10.png"/>
								<span class="userbox-usename">Manty</span>
								<span class="userbox-usertype">个人用户</span>
							</div>
							<div class="userbox-set">
								<i class="iconfont " style="font-size: 14px;color: #333333;">&#xe606;</i>
								&nbsp;&nbsp;&nbsp;设置
							</div>
							<div class="userbox-out">
								<i class="iconfont " style="font-size: 14px;color: #333333;">&#xe652;</i>
								&nbsp;&nbsp;&nbsp;安全退出
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--导航-->
		<div class="nav">
			<div class="nav1">
				<ul>
					<li>首&nbsp;&nbsp;&nbsp;&nbsp;页</li>
					<li>供需大厅</li>
					<li>产品说明</li>
					<li>关于我们</li>
					<li>帮助中心</li>
				</ul>
			</div>
		</div>
		<!--内容-->
		<div class="content">
			<div class="contentbox">
				<div class="left-nav">
					<div class="left-userhead">
						<img src="../img/1/10.png"/>
					</div>
					<div class="left-username">
						Manty
					</div>
					<!--发布需求-->
					<div class="left-demand left-btn-style" style="margin-top:20px ;">
						<i class="iconfont">&#xe75e;</i>
						<span class="">发布需求</span>
					</div>
					<!--发布历史-->
					<div class="left-history left-btn-style">
						<i class="iconfont">&#xe75f;</i>
						<span class="">发布历史</span>
					</div>
					<!--交易记录-->
					<div class="left-record left-btn-style">
						<i class="iconfont">&#xe762;</i>
						<span class="">交易记录</span>
					</div>
					<!--我的资料-->
					<div class="left-data left-btn-style">
						<i class="iconfont">&#xe760;</i>
						<span class="">我的资料</span>
					</div>
					<!--修改密码-->
					<div class="left-password left-btn-style">
						<i class="iconfont">&#xe762;</i>
						<span class="">修改密码</span>
					</div>
					<!--签到-->
					<div class="left-sign">
						<span class="left-sign-span">已连续签到2天</span>
						<div class="left-sign-btn">签到</div>
					</div>
				</div>
				<div class="contentbox-right">
					<div class="contentbox-list" style="margin-top: 0px;">
						<div class="list-tt">
							<span class="list-tt-title">我提供服务产品设计服务，这个是服务标题，最多显示30个字</span>
							<span class="list-tt-time">发布时间：2018-03-29</span>
						</div>
						<div class="list-cont">
							App是英文Application的简称，由于iPhone智能手机的流行，现在的APP多指智能手机的第三方应用程序。目前比较著名的App商店有Apple的iTunes商店里面的App Store，android的Google Play Store，诺基亚的ovi store，还有Blackberry用户的，BlackBerry App World。
						</div>
						<div class="list-btn">
							<div class="list-btn-state">
								<div class="list-btn-d"></div>
								<span class="list-btn-state-span">进行中</span>
							</div>
							<div class="list-btn-btns">
								<div class="list-btn-btns-style list-btn-btns-translation">翻译</div>
								<div class="list-btn-btns-style">修改</div>
								<div class="list-btn-btns-style">关闭</div>
							</div>
						</div>
					</div>
					<div class="contentbox-list">
						<div class="list-tt">
							<span class="list-tt-title">我提供服务产品设计服务，这个是服务标题，最多显示30个字</span>
							<span class="list-tt-time">发布时间：2018-03-29</span>
						</div>
						<div class="list-cont">
							App是英文Application的简称，由于iPhone智能手机的流行，现在的APP多指智能手机的第三方应用程序。目前比较著名的App商店有Apple的iTunes商店里面的App Store，android的Google Play Store，诺基亚的ovi store，还有Blackberry用户的，BlackBerry App World。
						</div>
						<div class="list-btn">
							<div class="list-btn-state">
								<div class="list-btn-d list-btn-dNo"></div>
								<span class="list-btn-state-span list-btn-state-spanNo">进行中</span>
							</div>
							<div class="list-btn-btns">
								<div class="list-btn-btns-style list-btn-btns-translation">翻译</div>
								<div class="list-btn-btns-style">修改</div>
								<div class="list-btn-btns-style">关闭</div>
							</div>
						</div>
					</div>
					<div class="contentbox-list">
						<div class="list-tt">
							<span class="list-tt-title">我提供服务产品设计服务，这个是服务标题，最多显示30个字</span>
							<span class="list-tt-time">发布时间：2018-03-29</span>
						</div>
						<div class="list-cont">
							App是英文Application的简称，由于iPhone智能手机的流行，现在的APP多指智能手机的第三方应用程序。目前比较著名的App商店有Apple的iTunes商店里面的App Store，android的Google Play Store，诺基亚的ovi store，还有Blackberry用户的，BlackBerry App World。
						</div>
						<div class="list-btn">
							<div class="list-btn-state">
								<div class="list-btn-d list-btn-dNo"></div>
								<span class="list-btn-state-span  list-btn-state-spanNo">进行中</span>
							</div>
							<div class="list-btn-btns">
								<div class="list-btn-btns-style list-btn-btns-translation">翻译</div>
								<div class="list-btn-btns-style">修改</div>
								<div class="list-btn-btns-style">关闭</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		<div class="foot">
			<div class="foot1">
				Copyright © 2018 世界汇网  www.thewiorldwie.cn
			</div>
		</div>
	</body>
	<script>
	layui.use(['form', 'layedit', 'laydate','layer'], function(){
	  var form = layui.form
	  ,layer = layui.layer
	  ,layedit = layui.layedit
	  ,laydate = layui.laydate
	  ,$ = layui.jquery;
		
		
		//翻译弹出层
		$(".list-btn-btns-translation").click(function(){
			layer.open({
			  type: 1,
			  skin: 'layer-div', 
			  content: '<div class="layer-div-btns"><div class="layer-div-btns-cancel">取&nbsp;&nbsp;&nbsp;消</div><div class="layer-div-btns-translation">继续翻译</div> </div>  <div class="layer-div-title">可免费翻译200字内的次数</div><div class="layer-div-num"><span class="layer-div-num-1">1</span><span class="layer-div-num-2">次</span></div>	'
			  ,area: ['500px', '300px'] //宽高
			  ,title: false
			  ,shadeClose: true //开启遮罩关闭
			  ,closeBtn: 0, //不显示关闭按钮
			});
			
		})
		
		
		//关闭弹出层
		$(document).on('click', '.layer-div-btns-cancel', function() {
			layer.closeAll()
		});
		
	
		//继续翻译按钮
		$(document).on('click', '.layer-div-btns-translation', function() {
			layer.closeAll()
			layer.open({
			  type: 1,
			  skin: 'layer-div-CN-ENG', 
			  content: '<div class="choose-CN choose-CE-style">翻&nbsp;译&nbsp;成&nbsp;中&nbsp;文</div><div class="choose-ENG choose-CE-style">翻&nbsp;译&nbsp;成&nbsp;英&nbsp;文</div>'
			  ,area: ['500px', '300px'] //宽高
			  ,title: false
			  ,shadeClose: true //开启遮罩关闭
			  ,closeBtn: 1, //不显示关闭按钮
			});
		});
		//翻译中文按钮
		$(document).on('click', '.choose-CN', function() {
			layer.closeAll()
			layer.msg("这里是翻译中文按钮")
		});
		//翻译英文按钮
		$(document).on('click', '.choose-ENG', function() {
			layer.closeAll()
			layer.msg("这里是翻译英文按钮")
		});
		
		 $(".language-btns").click(function(){
                if(!$(".span-div").is(':hidden')){//如果当前不隐藏
                    $('.span-div').hide();//就隐藏div
                    $(".language-icon").html("&#xe61a;")
                }else{//否则
					$('.userbox').hide();//就隐藏div
					$(".user-icon").html("&#xe61a;")
                    $('.span-div').show();//那么就显示div
                    $(".language-icon").html("&#xe619;")
                }
            })

            $(".user-btn").click(function(){
                if(!$(".userbox").is(':hidden')){//如果当前不隐藏
                    $('.userbox').hide();//就隐藏div
                    $(".user-icon").html("&#xe61a;")
                }else{//否则
 					$('.span-div').hide();//就隐藏div
 					$(".language-icon").html("&#xe61a;")
                    $('.userbox').show();//那么就显示div
                    $(".user-icon").html("&#xe619;")
                }
            });
		
		
})
  	</script>
</html>
